<!DOCTYPE html>
<html>
<!-- 作者：林晓晖 -->
  <head>
    <meta charset="UTF-8">
    <title>团队作业</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/TeamWork.css">
  </head>

  <body>
    <div class="right">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">团队作业</li>
                <li>我的作业</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <form class="form-inline" role="form">
                        <div class="form-group form-distance">
                            <label for="f1" class="labelStyle">作业名：</label>
                            <input type="text" id="f1" class="form-control"/>
                        </div>
                        <div class="form-group form-distance">
                            <label for="f2" class="labelStyle">所属课程：</label>
                            <select id="f2" class="form-control">
                                <option></option>
                                <option>C语言程序设计</option>
                                <option>数据结构</option>
                            </select>
                        </div>
                        <div class="form-group form-distance">
                            <label for="f3" class="labelStyle">截至时间：</label>
                            <input type="text" id="f3" class="form-control"/>
                        </div>
                        <button type="submit" class="layui-btn">查询</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </form>
                </div>
                <div class="layui-tab-item">内容2</div>
            </div>
        </div>  
    </div>
  </body>
  <script src="./layui/layui.js"></script>
  <script>
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function(){
      var element = layui.element;
      
      //…
    });
    </script>
</html>